<html>
    <head>
        <title>v-model</title>
    </head>
    <body>
        <script>
             // 2、v-model
                                            /*
                                                渲染函数中没有与 v-model 的直接对应----你必须自己实现相应的逻辑：
                                            */
                                                        props:['value'],
                                                        render:function(createElement){
                                                            var self = this;
                                                            return createElemetn('input',{
                                                                // DOM属性绑定
                                                                domProps:{
                                                                    value:self.value
                                                                },
                                                                // 事件监听器绑定
                                                                on:{
                                                                    input:function(event){
                                                                        self.$emit('input',event.target.value)
                                                                    }
                                                                }
                                                            })
                                                        }

                                            // 这就是深入底层的代价，但与 v-model 相比，这可以让你更好地控制交互细节。
        </script>
    </body>
</html>